<script type="text/javascript">
      /*Muestra un div o no*/
      window.onload=function(){
	// mostrarOcultar(0);
	}
   function mostrarOcultar(mostrar) {
	    var element1 = document.getElementById('divElegirJugador');
	    if (mostrar==0){
		    element1.style.display = 'none';	
	    }else{
		if(element1.style.display == 'none'){
		    element1.style.display = 'block'; 
		}
	    }
	    return;
    }
    
    
    function recargarTablero(partido){
      new Ajax.Updater('elJuego','/mastergoal-uca/Mastergoal/jugadas/view/'+partido+'',
	      {asynchronous:true, evalScripts:true, requestHeaders:['X-Update', 'elJuego']});
    }

</script>

<?php
     $url="new Ajax.PeriodicalUpdater('updateConfPartido', '/mastergoal-uca/Mastergoal/jugadas/updateConfiguracion/".$miPartido['Partido']['partido']."', {method: 'http post', frequency: 2, decay: 1.3})";
     
     $url= "new PeriodicalExecuter(function(peupdateConfPartido) {
		new Ajax.Updater('updateConfPartido', '/mastergoal-uca/Mastergoal/jugadas/updateConfiguracion/".$miPartido['Partido']['partido']."', {
			method: 'http post',
			onComplete: function() {
				var objDiv = document.getElementById('relatoPartido');
				objDiv.scrollTop = objDiv.scrollHeight;
			      }
		});
	      }, 2);";
     echo $javascript->codeBlock($url,true);
?>
<?php
	echo $html->css('juego');$html->css('/chat/css/chat.css', null, null, false);
?>
<div id="positionFondoJugada">
  <div id="posicionLeftJugada">
    <div id="elJuego">
      <?php //print_r($miPartido)?>
      <div class="ajusteCancha">
      <?php echo $html->image('board2.jpg', array('alt' => 'board'))?>
	    <div id="arcoR">
		    <table id="porteria_rojo" border="0"> 
		      <tr>
			    <?php
				    for ($i=0;$i<5; $i++){
					    echo("<td id=\"pr$i\" width=\"32\" height=\"33\" align=\"center\" />");
				    }
			    ?>
			
		      </tr>
		    </table>
	    </div>
		    
	    <div id="tablero">
		    <table id="cancha" border="0">
			    <?php
				    $cadena="_";
				    for($i=0; $i<13; $i++) {
					    echo("<tr>");
					    for($j=0; $j<11; $j++) {
						    $variable=$i . $cadena . $j;
						    echo("<td id=\"$variable\" width=\"32\" height=\"34\" align=\"center\"/>");	
					    }	
					    echo("</tr>");
				    }
			    ?>
			    
		    </table>
	    </div>
	    
	    <div id="arcoB">
		    <table id="porteria_blanco"  border="0">
			    <?php
				    for ($i=0;$i<5; $i++){
					    echo("<td id=\"pb$i\" width=\"32\" height=\"33\" align=\"center\" />");
				    }
			    ?>
			     
		    </table>
	    </div>
      </div>
      
<!--El tablero se cargara con los nombres de las imagenes que se quieren colocar en las casillas-->
<div id="fichitas">			
	<?php
		if($miJugada['Jugada']['tablero']!=null){
			$nivel=$miPartido['Partido']['nivel_id'];
			//funcion para dibujar apartir del tablero!			
			$top="100";
			$left="17";
			$cadena="px";
			$indice=0;
			$cadena2=".png";
			$tablero=unserialize($miJugada['Jugada']['tablero']);
			//print_r($tablero);
		    
			for ($i=0;$i<13; $i++){
				for ($j=0;$j<11; $j++){
					$arriba=$top . $cadena;
					$izq=$left . $cadena;
					$aux=$tablero[$i][$j][3];
					if($aux!="vacio"){
						$imagen=$aux . $cadena2;
						//cambia la clase cuando es balon Por eso el if!
						if($aux!="Balon"){
							echo "<div id=\"$aux\" class=\"ficha\" style=\"left:$izq ; top:$arriba\">";
						}
						else{
							echo "<div id=\"$aux\" class=\"pelota\" style=\"left:$izq ; top:$arriba\">";
						}
						echo $html->image($imagen);
						echo "</div>";
						
						//valido que sea tu turno para habilitarle las fichas para el drag&drop
						
						//se controla que el partido no haya terminado
						if($miPartido['Partido']['estado']==4){
							//controlo que el juego sea jugador vs jugador
							if($miPartido['Partido']['sala_id']>0){
								//controla que sea mi turno miUserId contiene el Auth->user('user')
								if($miUserId==$miJugada['Jugada']['turno_equipo']){
									if($habilitarPelota==0){
										if($aux=='Balon'){
											echo $ajax->drag($aux, array('revert'=>'"failure"', 'ghosting'=>'true'));
										}
									}
									
									   //en user_id guardo el id del primer turno para saber quien empezo el partido en todo momento
									   //esto se encuentra en cargarTablero de jugadas_controller
									   //se controla q turno actual sea igual a user_id para saber que juegan las blancas
									if($miJugada['Jugada']['user_id']==$miJugada['Jugada']['turno_equipo']){
										if($aux=='BlancoNada' || $aux=='BlancoRaya' || $aux=='BlancoCruz' || $aux=='BlancoPunto' || $aux=='BlancoArquero'){
											echo $ajax->drag($aux, array('revert'=>'"failure"', 'ghosting'=>'true'));
										}
									}else{
										if($aux=='RojoNada' || $aux=='RojoRaya' || $aux=='RojoCruz' || $aux=='RojoPunto' || $aux=='RojoArquero'){
											echo $ajax->drag($aux, array('revert'=>'"failure"', 'ghosting'=>'true'));
										}
										
									}
								}
							}else{
								//print("entre else");
								//entra en el else cuando el juego es equipo vs equipo
								/*print_r($miUserId);
								print_r($miJugada['Jugada']['turno_user']);
								print_r($miJugada['Jugada']['turno_equipo']);
								print_r($misDatosEquipo['Equipo']['user_id']);*/
								if($miUserId==$miJugada['Jugada']['turno_user'] && $miJugada['Jugada']['turno_equipo']==$misDatosEquipo['Equipo']['user_id']){
								//if($miUserId==$miJugada['Jugada']['turno_user']){
									if($habilitarPelota==0){
										if($aux=='Balon'){
											echo $ajax->drag($aux, array('revert'=>'"failure"', 'ghosting'=>'true'));
										}
									}
									
									   //en user_id guardo el id del primer turno para saber quien empezo el partido en todo momento
									   //esto se encuentra en cargarTablero de jugadas_controller
									   //se controla q turno actual sea igual a user_id para saber que juegan las blancas
									if($miJugada['Jugada']['user_id']==$miJugada['Jugada']['turno_equipo']){
										if($aux=='BlancoNada' || $aux=='BlancoRaya' || $aux=='BlancoCruz' || $aux=='BlancoPunto' || $aux=='BlancoArquero'){
											echo $ajax->drag($aux, array('revert'=>'"failure"', 'ghosting'=>'true'));
										}
									}else{
										if($aux=='RojoNada' || $aux=='RojoRaya' || $aux=='RojoCruz' || $aux=='RojoPunto' || $aux=='RojoArquero'){
											echo $ajax->drag($aux, array('revert'=>'"failure"', 'ghosting'=>'true'));
										}
										
									}
								}
							}
						}
					}
					if($indice<=9){
						$left=$left + 34;
						$indice=$indice+1;
					}else{
						//print_r("entre");
						$left=17;
						$indice=0;
						$top=$top + 36;
					}
				}
			}
			
			//verifico si es jugador vs jugador
			if($miPartido['Partido']['sala_id']>0){
				//aqui debo controlar cuando no es mi turno!!!
				 if($miUserId!=$miJugada['Jugada']['turno_equipo']){
				   //echo '<script type="text/javascript">';
				    $url="new PeriodicalExecuter(function(pe) {
					  pe.stop();
					 new Ajax.Updater('elJuego','/mastergoal-uca/Mastergoal/jugadas/recargar/".$miPartido['Partido']['partido'] ."',
					  {asynchronous:true, evalScripts:true, requestHeaders:['X-Update', 'elJuego']})
					  }, 5)";
				   echo $javascript->codeBlock($url,true);
				   //echo '</script>';
				 }else{
				      
				      //para crear los droppables de las porterias roja y blanca
				      for ($i=0;$i<=4;$i++){			
					      //verificar como hacer que solo acepten la pelota...
					      echo $ajax->dropRemote('pb'.$i, null, array('url'=>'/jugadas/view/'.$miPartido['Partido']['partido'],'with'=>'{posicion:droppable.id,objeto:element.id}','update'=>'elJuego','accept'=>'pelota'));
					      echo $ajax->dropRemote('pr'.$i, null, array('url'=>'/jugadas/view/'.$miPartido['Partido']['partido'],'with'=>'{posicion:droppable.id,objeto:element.id}','update'=>'elJuego','accept'=>'pelota'));				
				      }
							      
				      //para crear los droppables de la cancha
				      for($i=0; $i<13; $i++){
					      for($j=0; $j<11; $j++){					
						      echo $ajax->dropRemote($i.'_'.$j,null,array('url'=>'/jugadas/view/'.$miPartido['Partido']['partido'],'with'=>'{posicion:droppable.id,objeto:element.id}','update'=>'elJuego'));
					      }
				      }
				 }
			}else{
				//aqui debo controlar cuando no es mi turno!!!
				 if($miUserId!=$miJugada['Jugada']['turno_user'] || $miJugada['Jugada']['turno_equipo']!=$misDatosEquipo['Equipo']['user_id']){
				   //echo '<script type="text/javascript">';
				    $url="new PeriodicalExecuter(function(pe) {
					  pe.stop();
					 new Ajax.Updater('elJuego','/mastergoal-uca/Mastergoal/jugadas/recargar/".$miPartido['Partido']['partido'] ."',
					  {asynchronous:true, evalScripts:true, requestHeaders:['X-Update', 'elJuego']})
					  }, 5)";
				   echo $javascript->codeBlock($url,true);
				   //echo '</script>';
				 }else{
				      
				      //para crear los droppables de las porterias roja y blanca
				      for ($i=0;$i<=4;$i++){			
					      //verificar como hacer que solo acepten la pelota...
					      echo $ajax->dropRemote('pb'.$i, null, array('url'=>'/jugadas/view/'.$miPartido['Partido']['partido'],'with'=>'{posicion:droppable.id,objeto:element.id}','update'=>'elJuego','accept'=>'pelota'));
					      echo $ajax->dropRemote('pr'.$i, null, array('url'=>'/jugadas/view/'.$miPartido['Partido']['partido'],'with'=>'{posicion:droppable.id,objeto:element.id}','update'=>'elJuego','accept'=>'pelota'));				
				      }
							      
				      //para crear los droppables de la cancha
				      for($i=0; $i<13; $i++){
					      for($j=0; $j<11; $j++){					
						      echo $ajax->dropRemote($i.'_'.$j,null,array('url'=>'/jugadas/view/'.$miPartido['Partido']['partido'],'with'=>'{posicion:droppable.id,objeto:element.id}','update'=>'elJuego'));
					      }
				      }
				 }
			}
		}	
	?>	
	</div>
      </div>
      <div id="positionLeftDownChatPartido">
	<?php echo $ajaxChat->generate('chatPart'.$miPartido['Partido']['partido'], $user, 0);?>
      </div>
  </div>
  </div>
  
  <div id="positionrightJugada">
    <div id="updateConfPartido">
      <?php if ($session->check('Message.flash')) {
	$session->flash();
      }?>
      <div id="golesTablero">
	<div class="drk" id="newsMar">
	  <div class="top">
	    <div class="bot">
	      <div class="pad">
	      <h2></h2>
	      <h3>Datos del Partido</h3>
		<div id="tableRelojConfiguracion">
		  <table cellpadding="0" cellspacing="0">
		  <tr>
		      <td>
			  <table cellpadding="0" cellspacing="0">
			    <tr>
				   <th><?php echo 'Duracion Partido';?></th>
			    </tr>
			    <tr>
				<td>
					 <?php echo "00:00:00"; ?>
				</td>
			    </tr>
			  </table>
		      </td>
		      <td>
			  <table cellpadding="0" cellspacing="0">
			    <tr><th><?php echo 'Configuracion';?></th>
				<th></th>
			    </tr>
			    <tr>
				<td>
					<strong><?php echo "Nivel:"?></strong>
				</td>
				<td>
					<?php echo $miPartido['Partido']['nivel_id']; ?>
				</td>
			    </tr>
			    <tr>
				<td>
					<strong><?php echo "Tiempo maximo jugada:"; ?></strong>
				</td>
				<td>
					<?php echo $miPartido['Partido']['tiempomaxjugada'].'seg'; ?>
				</td>
			    </tr>
						    <tr>
				<td>
					<strong><?php echo "Tiempo Transcurrido:"; ?></strong>
				</td>
				<td>
					<?php echo '00:00 seg'; ?>
				</td>
			    </tr>
			  </table>
		      </td>
		  </tr>
		  </table>
		</div>
	      
	      <h3>Usuarios</h3>
		<div id="tablaTransparente">
		  <table cellpadding="0" cellspacing="0">
		   <tr>
		     <td>
			<table cellpadding="0" cellspacing="0" border="0">
			  <tr>
			    <th><?php  echo 'Usuarios Local'; ?></th>
			  </tr>
			 <?php
			  foreach ($miPartido['PartidosUser'] as $userPartido):
			    if($userPartido['localvisitante']==1):
			  ?>
			 <tr>
			   <td>
			     <?php
			   foreach ($miPartido['HABTMPartidosUser'] as $user){
			     if($user['user']==$userPartido['user_id']){
			       echo $user['username'];
			     }
			   }?>
			    </td>
			  </tr>
			  <?php endif;endforeach;
			  ?>
			</table>
		    </td>
		    <td>
		      <table cellpadding="0" cellspacing="0">
			<tr>
			  <th><?php  echo 'Usuarios Visitante'; ?></th>
			</tr>
			   <?php
		       
		       foreach ($miPartido['PartidosUser'] as $userPartido):
			 if($userPartido['localvisitante']==2):
		       ?>
			<tr>
			  <td><?php
			   foreach ($miPartido['HABTMPartidosUser'] as $user){
			     if($user['user']==$userPartido['user_id']){
			       echo $user['username'];
			     }
			   }?>
			  </td>
			</tr>
			<?php endif;endforeach;?>
		      </table>
		    </td>
		  </tr>
		      
		 </table>
		</div>
	      <h3>Marcador</h3>
		<table cellpadding="0" cellspacing="0">
		<tr>
			<th><?php echo 'Goles Local';?></th>
			<th><?php echo 'Goles Visitante';?></th>
		</tr>
		<tr>
		    <td>
			    <?php echo $miPartido['Partido']['goleslocal']; ?>
		    </td>
		    <td>
			    <?php echo $miPartido['Partido']['golesvisitante']; ?>
		    </td>
		</tr>
		</table>  
	      </div>
	      <div class="clear"></div>
	    </div>
	  </div>
	</div>
      </div>
      <div class="drk" id="newsMar">   
	<div class="top2">
	  <div class="bot">
	    <div class="pad">
	      <h2></h2>
	      <div id="relatoPartido">
	       <p><?php /*print_r (unserialize($relato))*/
			 
			 ;?></p>
	      </div>	    
	    </div>
	    <div class="clear"></div>
	  </div>
	</div>
      </div>
    </div>
    
    <?php
    // && $miUserId==$miJugada['Jugada']['turno_equipo']
	if($miPartido['Partido']['torneo_id']>0 && ($miUserId==$miPartido['Partido']['user_id'] || $miUserId==$miPartido['Partido']['user_visitante'])):?>
	<div class="drk" id="newsMar">   
	  <div class="top3">
	    <div class="bot">
	      <div class="pad">
		<h2></h2>
		<div id="seleccionJugador">
		 <p>
		    <?php
		      $options=array();
		      foreach ($miPartido['PartidosUser'] as $userPartido){
			if($userPartido['localvisitante']==$miPartidosUser['PartidosUser']['localvisitante']){
			     foreach ($miPartido['HABTMPartidosUser'] as $userEquipo){
			       if($userEquipo['user']==$userPartido['user_id']){
				 $options[$userPartido['user_id']]=$userEquipo['username'];
			       }
			     }
			}
		      }
		      ?>
		      <div id="loadingGifPartido" style="display: none;">
		      <?php echo $html->image("loading/loader-rojo.gif", array("alt"=>"Loading")); ?>
		   Cargando...
		   </div>
		    <div id="divElegirJugador">
		      <?php
		      //echo "Hola";
		    echo $ajax->form(array('type' => 'post','options' => array(
		    'url' => array('controller' => 'jugadas','action' => 'radioJugadas',$miPartido['Partido']['partido']),
		    'indicator'=>'loadingGifPartido',
		    'complete'=>'mostrarOcultar(1)')));?>
		    <?php echo $form->radio('Jugadores', $options, array('default' => $miJugada['Jugada']['turno_equipo']));
		    //poniendo el default evito que se envien valores vacios. Se pone por default siempre al capitan del equipo
		    ?>
		    
		    <?php echo $form->end('Submit!');
		      /*
		       //Form normal
		       echo $form->create('Jugada', array('action'=>'radioJugadas',$miPartido['Partido']['partido']));
		      echo $form->radio('Jugadores', $options);
		      echo $form->end('Submit!');*/
		    ?>
		    </div>
		    
		 </p>
		</div>	    
	      </div>
	      <div class="clear"></div>
	    </div>
	  </div>
	</div>
    <?php endif;
	if($miPartido['Partido']['torneo_id']>0){
		/*if($miJugada['Jugada']['eleccion']==true && $miUserId==$miJugada['Jugada']['turno_equipo']){
			$url="mostrarOcultar(1);";
			echo $javascript->codeBlock($url,true);
			
			//echo ('<script type="text/javascript"> mostrar(); </script>');
			
		}else{
			$url="mostrarOcultar(0);";
			echo $javascript->codeBlock($url,true);
		}*/
	}
    ?>
  </div>
</div>